/*浮动*/
.fl {
	float: left;
}
.fr {
	float: right;
}
/* .clearfix {
	overflow: auto;
	zoom: 1;
} */
.clearfix:before,
.clearfix:after {
	display: table;
	content: " ";
}
.clearfix:after {
	clear: both;
}

/* 位置 */
.por {
	position: relative;
}
.poa {
	position: absolute;
}
.pof {
	position: fixed;
}

/* 文本 */
.tl {
	text-align: left;
}
.tc {
	text-align: center;
}
.tr {
	text-align: right;
}
.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* 弹性盒子 */
.flex {
	display: -webkit-flex;
	display: flex;
	box-sizing: border-box;
}
.iflex {
	display: -webkit-inline-flex;
	display: inline-flex;
}
.dc {
	-webkit-flex-direction: column;
	flex-direction: column;
}
.fw {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.jc {
	-webkit-justify-content: center;
	justify-content: center;
}
.js {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
.je {
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
.jb {
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.ja {
	-webkit-justify-content: space-around;
	justify-content: space-around;
}

.as {
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
.ac {
	-webkit-align-items: center;
	align-items: center;
}
.ae {
	-webkit-align-items: flex-end;
	align-items: flex-end;
}

.f0 {
	-webkit-flex: 0;
	flex: 0;
}
.fg {
	-webkit-flex-grow: 1;
	flex-grow: 1;
}
.fn {
	-webkit-flex: none;
	flex: none;
}

/* 盒模型 */
.c-box {
	box-sizing: content-box;
}
.b-box {
	box-sizing: border-box;
}